﻿/********** 레이아웃 CSS **********/

/* 기본프레임 */
#table_frame {
	border:none;
	border-collapse:collapse;
	border-spacing:0;
	margin:0;
	table-layout:auto;
	width:100%;
}

/***** Top *****/
#top_area { 
	padding:0;
}

/* 로고, 사용자정보 */
.top_logo, .top_user_info	{ border-bottom: #D1D1D1 1px solid; }

/* 탭메뉴 */
ul.tab_menu { 
	width:100%; 
	height:28px; 
	margin:0 0 6px 0; 
	padding:0; 
	background:url(../Images/tab_menu_bottom.gif) repeat-x left bottom; 
}

ul.tab_menu li {
	float:left;
	height:25px;
	margin-right:-1px;
	padding:0;
	border-top:2px solid #CCCCCC;
	border-right:1px solid #D1D1D1;
	border-bottom:1px solid #D1D1D1;
	border-left:1px solid #D1D1D1;
}

ul.tab_menu li span a {
	display:block;
	height:20px; 
	padding:7px 8px 0 8px; 
	line-height:14px;
	text-decoration:none; 
	font-size:12px;
}

ul.tab_menu li.selected {
	background-position:right -27px; 
	border-top:2px solid #6091C1;
	border-bottom:2px solid #FFFFFF; 
}

ul.tab_menu li.selected span a {
	font-weight:bold;
}

ul.tab_menu li.margin {
	height:27px;
	border-top:none;
	width:2px;
}


/***** 좌측메뉴 TD *****/
#menu_area
{
	background-color:#FFFFFF;
	border-right:#888888 1px solid;
	border-bottom:#888888 1px solid;
	padding:1px 1px 10px 4px;
	vertical-align:top;
}

/* 좌측메뉴 하단 */
ul.div_menu_bottom { width:168px; border-top: 3px double #ccc; }
ul.div_menu_bottom li {
	float:left;
	margin:8px 0 0 2px;
	padding:1px;
}

ul.div_menu_bottom li.margin {
	width:22px;
}


/***** 우측내용 TD *****/
#contents_area {
	border-top:#888888 1px solid;
	padding:0 4px 0 4px;
	text-align:center;
	vertical-align:top;
	width:100%;
}

/***** 탭제목 영역 *****/
/* TabTitle */
#tab_title {
	margin:8px 0 14px 0;
}
#tab_title td.margin {
	width:1px;
	border-bottom:#999999 1px solid;
}

#tab_title td.on {
	width:150px;
	height:19px;
	text-align:left;
	padding: 6px 0 2px 6px;
	border:#999999 1px solid;
	border-bottom:none;
	font-weight:bold;
	font-size:12px;
}

#tab_title td.off {
	width:150px;
	height:18px;
	text-align:left;
	padding: 6px 0 2px 6px;
	border:#DEDEDE 1px solid;
	border-bottom:#999999 1px solid;
	background-color:#F7F7F7;
}

#tab_title td.off a {
	font-size:12px;
}

#tab_title td.right {
	border-bottom:#999999 1px solid;
}


/***** 버튼영역 *****/
div.button_area {
	margin:0 0 2px 0;
	height:22px;
}


/***** 검색 영역 *****/
table.table_search {
	border-top:2px solid #808000;
	border-bottom:1px solid #C2C2C2;
	border-collapse:collapse;
	border-spacing:0;
	margin:0 0 10px 0;
	table-layout:auto;
	width:100%;
}

table.table_search td {
	padding:0;
}

table.table_search td.lbl {
	border:1px solid #C2C2C2;
	background-color:#EFEDC0;
	line-height:22px;
	padding:0 2px 0 0;
	text-align:right;
}

table.table_search td.ctl {
	border:1px solid #C2C2C2;
	padding:0 0 0 1px;
	text-align:left;
}

table.table_search td.ctl_c {
	border:1px solid #C2C2C2;
	padding:0 0 0 1px;
	text-align:center;
}


/***** 페이지모드 영역 *****/
/* 페이지모드 */
div.page_mode_area {
	padding:0 0 1px 0;
	height:16px;
}


/***** 디테일 영역 *****/
/* TABLE */
table.table_detail {
	border-top:2px solid #008D9D;
	border-bottom:1px solid #C2C2C2;
	border-collapse:collapse;
	border-spacing:0;
	margin:0 0 10px 0;
	table-layout:auto;
	width:100%;
}

/* TD */
table.table_detail td {
	padding:0;
}

/* 라벨 */
table.table_detail td.lbl, table.table_detail td.lbl_c {
	border:1px solid #C2C2C2;
	background-color:#E6EAF5;
	line-height:22px;
	padding:0 2px 0 0;
}

table.table_detail td.lbl { text-align:right; }
table.table_detail td.lbl_c { text-align:center; }

/* 콘트롤 */
table.table_detail td.ctl {
	border:1px solid #C2C2C2;
	padding:0 0 0 1px;
	text-align:left;
}

table.table_detail td.ctl_c {
	border:1px solid #C2C2C2;
	padding:0 0 0 1px;
	text-align:center;
}

/* 파일목록 - 테이블 */
table.table_file_list {
	border-top:2px solid #008D9D;
	border-collapse:collapse;
	border-spacing:0;
	table-layout:auto;
	width:100%;
}

/* 파일목록 - 테이블 - TH */
.table_file_list th {
	background-color:#F5F5F5;
	border:1px solid #C2C2C2;
	line-height:20px;
	font-weight:bold;
	height:24px;
	text-align:center;
}

/* 파일목록 - 테이블 - TD */
.table_file_list td {
	border:1px solid #C2C2C2;
	padding:2px;
}

.table_file_list td a {
	padding:0 0 0 2px;
	color:#C72A2C;
}

/***** 리스트 영역 *****/
/* 그리드뷰 */
table.table_gridview {
	border-top:2px solid #797979;
	border-collapse:collapse;
	border-spacing:0;
	table-layout:auto;
	width:100%;
}

/* 그리드뷰 - 헤더없음 */
table.table_gridview_no_header {
	border-collapse:collapse;
	border-spacing:0;
	table-layout:auto;
	width:100%;
}


/* 그리드뷰 - TR - 소계 v1 */
.table_gridview tr.sub_total_v1 {
	background-color:#FAF0E6;
	font-weight:bold;
	height:20px;
}


/* 그리드뷰 - TR - 합계 v1 */
.table_gridview tr.total_v1 td {
	background-color:#E6E6E6;
	font-weight:bold;
	height:22px;
}

/* 그리드뷰 - TR - 합계 v2 */
.table_gridview tr.total_v2 td {
	background-color:#FFF7C7;
	font-weight:bold;
	height:24px;
}

/* 그리드뷰 - TR - 합계 v3 (주로 총계에서 사용) */
.table_gridview tr.total_v3 td, .table_gridview tr.total_v3 td u, .table_gridview tr.total_v3 td span, .table_gridview tr.total_v3 td a {
	background-color:#DBDBDB;
	font-weight:bold;
	height:24px;
}


/* 그리드뷰 - 헤더  */
.table_gridview th {
	background-color:#F5F5F5;
	border:1px solid #C2C2C2;
	line-height:20px;
	font-weight:bold;
	height:24px;
	text-align:center;
}

.table_gridview th a {
	font-weight:bold;
}

/* 그리드뷰 - 헤더 - 링크 */
.table_gridview th.lbtn_rc {
	color:#C72A2C;
}

/* 그리드뷰 - TD */
.table_gridview td, .table_gridview_no_header td {
	border:1px solid #C2C2C2;
	padding:2px;
}

/* 그리드뷰 - 합계 - 라벨 */
.table_gridview td.total {
	background-color:#E6E6E6;
	border-top:3px double #999999;
	border-bottom:2px solid #999999;
	font-weight:bold;
	height:24px;
	text-align:center;
}

/* 그리드뷰 - 합계 - 링크라벨 */
.table_gridview td.total a {
	font-weight:bold;
}

/* 그리드뷰 - 합계 - 금액 */
.table_gridview td.money {
	background-color:#E6E6E6;
	border-top:3px double #999999; 
	border-bottom:2px solid #999999;
	font-weight:bold;
	height:18px;
	text-align:right;
}

/* 그리드뷰 - 합계 - 빈TD */
.table_gridview td.none {
	background-color:#E6E6E6;
	border-top:3px double #999999;
	border-bottom:2px solid #999999;
	height:18px;
}

/* 그리드뷰 - 구분선 - 상싱글 */
.table_gridview td.div_line_t_sld {
	border-top:#999999 2px solid;
}


/* 그리드뷰 - 구분선 - 상더블 */
.table_gridview td.div_line_t_dbl {
	border-top:#999999 3px double;
}

/* 그리드뷰 - 구분선 - 하싱글 */
.table_gridview td.div_line_b_sld {
	border-bottom:#999999 2px solid;
}

/* 그리드뷰 - 구분선 - 상더블하 */
.table_gridview td.div_line_tb_dbl {
	border-top:#999999 3px double;
	border-bottom:2px solid #999999;
}

/* 그리드뷰 - 세로정렬 : 월간사용내역 */
.table_gridview td.v_align_t {
	vertical-align:top;
	height: 70px;
}

/* 그리드뷰 - 헤더에서 멀티Row로 표시되는 TD  */
.table_gridview td.multi_header {
	background-color:#F5F5F5;
	border:1px solid #C2C2C2;
	line-height:20px;
	text-align:center;
	font-weight:bold;
}

/* 그리드뷰 - 테이블의 바깥테두리만 보이도록  */
.table_box {
	border:1px solid #C2C2C2;
}

.table_box td {
	padding:2px;
}

/* 그리드뷰 - NO DATA */
#no_data, #no_data_chart {
	width:100%;
	height:40px;
	background:url(../Images/no_data.gif) no-repeat;
	background-position:center;
}

/* 페이징 */
#lbl_page { padding:0 }
#lbl_page span.curr			{ color:#C72A2C; font-weight:bold; }
#lbl_page span.prev_link	{ cursor:pointer; }
#lbl_page span.prev			{ display:none; }
#lbl_page span.no_curr		{ cursor:pointer; }
#lbl_page span.next			{ display:none; }
#lbl_page span.next_link	{ cursor:pointer; }


/***** 기본테이블 *****/
table.default {
	border:none;
	border-collapse:collapse;
	border-spacing:0;
	margin:0;
	table-layout:auto;
	width:100%;
}

table.default td {
	margin:0;
	padding:0;
	height:22px;
	text-align:left;
}


/***** 설명 영역 *****/
/* 설명테이블 */
table.table_comment {
	border-top:2px solid #BF9090;
	border-bottom:1px solid #C2C2C2;
	border-collapse:collapse;
	border-spacing:0;
	margin:0 0 10px 0;
	table-layout:auto;
	width:100%;
}

/* 설명테이블 - TD */
table.table_comment td {
	border:none;
	padding:2px;
	margin:0;
	text-align:left;
}

/* 설명테이블 제목TD */
table.table_comment td.lbl {
	background-color:#F2F0E7;
	border-right:1px solid #C2C2C2;
	line-height:22px;
	padding:0 2px 0 0;
	text-align:right;
	width:11%;
}

/* 설명테이블 내용TD */
table.table_comment td.contents {
	width:88%;
	font-family:Dotum;
	text-align:left;
}


/***** 카피라이트 영역 *****/
.copyright {
	padding-top:10px;
	border-top:#999999 1px solid;
}